<template>
	<view>
		<view class="state">
			<!-- <image src="../../static/wallet/losee.png" mode=""></image> -->
			<image src="../../static/wallet/successed.png" mode=""></image>
			<view class="">订单已完成</view>
		</view>
		<view class="center">
			<view class="center_name">订单信息</view>
			<view class="center_text flex-between">
				<view class="">购买火豆</view>
				<view class="">9,000.00</view>
			</view>
			<view class="center_text flex-between">
				<view class="">支付</view>
				<view class="">9,000.00</view>
			</view>
			<view class="center_text flex-between">
				<view class="">订单号</view>
				<view class="">9,000.00</view>
			</view>
			<view class="center_text flex-between">
				<view class="">收款方式</view>
				<view class="textright flex">
					<image src="../../static/wallet/Alipay.png" mode=""></image>
					<view>支付宝</view>
				</view>
			</view>
			<view class="center_text flex-between">
				<view class="">时间</view>
				<view class="">2024-10-10 20:00</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		onLoad() {
			uni.setNavigationBarTitle({
				title:'已完成'
			})
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
.state{
	font-weight: 600;
	font-size: 36rpx;
	color: #19181A;
	text-align: center;
	image{
		width: 160rpx;
		height: 160rpx;
		margin: 160rpx auto 20rpx;
	}
}
.center{
	width: 690rpx;
	height: 432rpx;
	background: #FFFFFF;
	border-radius: 24rpx;
	box-sizing: border-box;
	padding: 30rpx;
	margin: 120rpx auto 0;
	&_name{
		font-weight: 600;
		font-size: 32rpx;
		color: #19181A;
	}
	&_text{
		font-weight: 500;
		font-size: 28rpx;
		color: #333333;
		margin-top: 30rpx;
	}
	.textright{
		font-weight: 500;
		font-size: 24rpx;
		color: #999999;
		image{
			width: 24rpx;
			height: 24rpx;
			margin-right: 10rpx;
		}
	}
}
</style>
